.M-chart {
	.transition(@key:all,@delay:.3s,@type:ease-in-out) {
		-moz-transition:@arguments;
		transition:@arguments;
	}
	&Tip {
		height: 120px;
		text-align: center;
	}
	&Loading {
		// text-indent: -999em;
		// background: #ccc url('images/grid_loading.gif') 50% 50% no-repeat;
		// opacity: 0.4;
	}
	&Empty {
		font-size: 16px;
		line-height: 120px;
	}
	&Adv{

		&Main {
			position: relative;
			clear: both;
		}
		&DateBox {
			float: right;
			margin-bottom: 10px;
		}
		&ModeBox {
			// float: left;
			// margin-right: 5px;
			.simple2 {
				.form-element-extra {
					background: #FFFFFF;
				}
				.result {
					color: #333;
					border-color: #cccccc;
					padding-left: 7px;
					padding-right: 7px;
					border-right-width: 0px;
					transition: none;
				}
				.arrow {
					padding-left: 0px;
					padding-right: 7px;
					border-left-width: none;
					border-color: #cccccc;
					i {
						border-width: 4px;
					}
				}
			}
		}
		&IndexBox {
			float: left;
		}
		&TimeBox {
			float: right;
			margin-right: 5px;
		}
		&RefreshBox {
			float: right;
			.refNormal{
				height: 30px;
				padding: 0 9px;
				vertical-align: top;
				min-height: 25px;
				line-height: 25px;
				border-radius: 4px;
				width: 30px;
				background-color: #eee;
				&:focus {
					outline: 0;
				}
				&:hover{
					background-color: #f5f5f5;
				}
			}
		}
		&TitleBox {
			font-size: 14px;
			margin: 6px auto 0;
			display: inline-block;
		}
		&Chart {
			clear: both;
			margin-top: 10px;
		}
		&Grid {
			clear: both;
			display: none;
			// padding: 10px 0;
		}
		&Collapse {
			position: relative;
			margin-bottom: 5px;
			&:hover {
				em{
					top:3px;
					left:50%;
					margin:0 0 0 -6px;
					position:absolute;
					.transition(border-color);
					border-top-color: #fff;
				}
				b{
					border-width:0 9px 15px 9px;
					border-color:transparent #535B5E transparent transparent;
				}
				i{
					border-width:0 9px 15px 9px;
					border-color:transparent transparent transparent #535B5E;
				}
				span {
					background: #535B5E;
				}
				div {
					text-align:center;
					border-top:1px solid #535B5E;
					.transition(border-top);
				}
				.triangle-top{
					border-width: 6px;
				}
			}
			div {
				text-align:center;
				border-top:1px solid #e7e7e7;
				.transition(border-top);
			}
			p {
				width:83px;
				height:15px;
				margin:0 auto;
				cursor:pointer;
				overflow:hidden;
				position:relative;
				// #lib > .clearFix;
			}
			em {
				top:3px;
				left:50%;
				margin:0 0 0 -6px;
				position:absolute;
				.transition(border-color);
			}
			b,i,span {
				float:left;
			}
			span {
				width:45px;
				height:15px;
				background:#e7e7e7;
				.transition(background);
			}
			b,i {
				width:0;
				height:0;
				content:" ";
				overflow:hidden;
				border-style:solid;
				.transition(border-color);
			}
			b {
				border-width:0 9px 15px 9px;
				border-color:transparent #e7e7e7 transparent transparent;
			}
			i {
				border-width:0 9px 15px 9px;
				border-color:transparent transparent transparent #e7e7e7;
			}
			.triangle-top{
				border-width: 6px;
			}
			&Close {
				em {
					top: -2px;
					margin: 0 0 0 -7px;
				}
				&:hover {
					em {
						top: -2px;
						margin: 0 0 0 -7px;
						border-bottom-color: #fff;
						border-top-color: transparent;
					}
				}
			}
		}

		&MetricsPanel {
			clear: both;
			width: 100%;
			padding: 10px 0 40px 0;
			.MetricsBox{
				display: inline-block;
				width: 16%;
				padding-left: 35px;
				.MetricsTitle{
					font-size: 14px;
					color: #999;
				}
				.T_Metrics{
					padding-top: 5px;
					color: #1F5AA3;
					font-weight: 500;
					font-size: 20px;
				}
				.C_Metrics{
					padding-top: 5px;
					font-weight: 500;
					font-size: 20px;
				}
			}
		}
		.actCol {
			div {
				border-top:1px solid #2faeeb;
			}

			span {
				background:#2faeeb;
			}
			b {
				border-color:transparent #2faeeb transparent transparent;
			}
			i {
				border-color:transparent transparent transparent #2faeeb;
			}
		}

	}
}
